html, body {  width: 100%; height: 100%; padding: 0;  margin: 0; }
html, body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",SimSun, sans-serif;}
body{background: #f6f6f9; font-size: 14px;color: #333;}
ul, li, h1, h2, h3, h4, h5, p,
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button
{  padding: 0;  margin: 0;  list-style: none;  }

textarea{font-family:"Microsoft Yahei","Arial","SimSun";}
a {  text-decoration: none;border: none; color: #333; }
a:focus{outline:none;}
.page { height: 100%;  overflow: auto;  }
img {border: none;  }
.clearfix{ zoom:1;}
.clear{clear: both}
.clearfix:after{clear:both;content:'';display:block;}
.el-hide{display: none;}
.left{float: left!important;}
.right{float: right!important;}
.txt_c{text-align: center!important;}
.txt_l{text-align: left!important;}
.txt_r{text-align: right!important;}
.txt_up{text-transform: uppercase;}

.ft12{font-size: .24rem}
.ft13{font-size: .26rem}
.ft14{font-size: .28rem}
.ft15{font-size: .30rem}
.ft16{font-size: .32rem}
.ft17{font-size: .34rem}
.ft18{font-size: .36rem}
.ft20{font-size: .4rem}
.ft22{font-size: .44rem}

.ft-bold{font-weight: bold}
.fn-color-white{color: #fff}
.fn-color-link{color: #4976C9}
.fn-color-black{color: #111111;}
.fn-color-light-black{color: #333333;}
.fn-color-gray{color: #999999;}
.fn-color-orange{color: #ff551f;}
.fn-color-bold-black{color: #111111;font-weight: bold}
.fn-color-green{color: #5EB77B}
.fn-color-blue{color: #2E64C7}

.bg-white{background-color: #fff}

.ml10{margin-left: .2rem}
.ml5{margin-left: .1rem}
.mt10{margin-top: .2rem}
.mt5{margin-top: .1rem}

.box{
  display: box;
  display: -webkit-box;
  box-align: center;
  text-align: center;
  box-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.box .item{
  box-flex: 1;
  -webkit-box-flex: 1;
  display: block
}
.box .item.lt{
  text-align: left;
}
.box .item.rt{
  text-align: right
}
.box .item.no-flex{
  box-flex: 0;
  -webkit-box-flex: 0
}
.link{
  cursor: pointer;
}
.link:hover{
  color: #3F75D9;
  text-decoration: underline;
}
.link.active{
  color: #3F75D9;
  font-weight: bold;
}

.card-box{
  background: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(17,27,42,0.05);
}

@media (min-width: 640px) {
  html {
      font-size:300%!important;
      margin: 0 auto!important;
      background-color: rgb(231, 232, 235);
      max-width: 375px;
  }
  body{
    font-size: 16px;
    margin: 0 auto!important;
  }
}

.mint-msgbox{
  border-radius: .12rem
}
.mint-msgbox-wrapper .mint-msgbox-header{
  color: #111111;
  text-align: center;
  line-height: 1rem !important;
  padding: 0 !important;
}
.mint-msgbox-header .mint-msgbox-title{
  color: #111111 !important;
  font-size: .34rem !important;
}
.mint-msgbox-content{
  padding: 0 .4rem !important;
}
.mint-msgbox-input{
  padding: 0 .4rem
}
.mint-msgbox-input input {
  box-sizing: border-box;
  background: #F6F6F9;
  border: none;
  padding: .22rem;
  border-radius: 8px;
  font-size: .3rem;
}
.mint-msgbox-content .mint-msgbox-message{
  font-size: .3rem;
  color: #111111;
  text-align: justify;
  line-height: .46rem !important;
}
.mint-msgbox-confirm{
  font-size: .34rem;
  color: #3F75D9;
}
.mint-msgbox-cancel{
  font-size: .34rem;
  color: #999999;
}
.dp-header .dp-item.dp-right{
  color: #3F75D9 !important;
}

.inline-block{
  display: inline-block;
  vertical-align: middle;
}
.txt-ellipsis{
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bdr-r,.bdr-top {
  position: relative
}

.bdr-bottom,.bdr-all {
  position: relative
}

.bdr-r:before {
  border-right: 1px solid #f2f2f2;
  height: 100%;
  top: 0;
  transform: scaleX(.5);
  -webkit-transform: scaleX(.5);
  width: 1px
}

.bdr-r:before,.bdr-top:after {
  content: '';
  position: absolute;
  right: 0
}

.bdr-top:after {
  border-bottom: 1px solid #f2f2f2;
  height: 1px;
  top: -1px;
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  width: 100%
}

.bdr-bottom:before {
  border-top: 1px solid #f2f2f2;
  bottom: -1px;
  content: '';
  height: 1px;
  position: absolute;
  right: 0;
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  width: 100%
}

.bdr-all:before {
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  content: '';
  display: block;
  height: 200%;
  left: 0;
  position: absolute;
  top: -1px;
  transform: scale(.5,.5);
  transform-origin: top left;
  width: 200%
}

.bdr-top.dashed:after{
  border-bottom: 1px dashed #eeeeee
}
.bdr-bottom.dashed:before{
  border-top: 1px dashed #eeeeee
}
.bdr-r.dashed:before{
  border-right: 1px dashed #eeeeee
}
.bdr-all.dashed:before{
  border: 1px dashed #eeeeee
}

.pc-box{
  box-sizing: border-box;
  width: 375px;
  margin: 0 auto;
}
